<!DOCTYPE html>
<html lang="en">
<head th:include="/header:: header"></head>
<body>
	<section>
		<div class="jsoft-main-content">
			<div class="wrapper">
				<div class="page-wrapper">
					<div class="row">
						<div class="col-sm-12">
							<div class="ibox float-e-margins">
								<div class="ibox-content">
									<div class="row row-lg">
										<div class="col-sm-12">
											<form id="form">
												<div class="form-group">
													<span id="info" th:value="${info}"></span>
												</div>
											</form>
										</div>
									</div>
									<div class="row row-lg">
										<ul id="myTab" class="nav nav-tabs">
											<li class="active"><a href="#task1" data-toggle="tab">计划出厂</a></li>
											<li><a href="#task2" data-toggle="tab">实际出厂</a></li>
										</ul>
										<div id="myTabContent" class="tab-content">
											<div class="tab-pane fade in active" id="home">
												<p id="total"></p>
											</div>
											<div class="tab-pane fade" id="task1">
												<table id='table1'></table>
											</div>
											<div class="tab-pane fade" id="task2">
												<table id='table2'></table>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</body>
<script th:src="@{../modular/pms/mysql/versionPlan/vpByVersion.js}"></script>
<script th:inline="javascript">
	var planVersion = [[${vpl}]];
	var publishVersion = [[${vppl}]];
	$('#table1').bootstrapTable({
		columns : initColum,
		data : planVersion,
		pageSize : 6,
		pagination : true,
		striped : true,
		pageNumber : 1,
		sidePagination : 'client',
		showColumns : true,
		clickToSelect : true,
		pagination : true
	});

	$('#table2').bootstrapTable({
		columns : initColum,
		data : publishVersion,
		pageSize : 6,
		pagination : true,
		striped : true,
		pageNumber : 1,
		sidePagination : 'client',
		showColumns : true,
		clickToSelect : true,
		pagination : true
	});
</script>
<div th:include="/footer:: footer"></div>
</html>